<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<meta name="robots" content="noindex">
	<title>Ting Ge</title>
	<!--[if lt IE 9]>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv-printshiv.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="http://diveintohtml5.info/examples/style-html5.css">
	<link rel="alternate" type="application/atom+xml" title="My Weblog feed" href="http://diveintohtml5.info/feed/">
	<link rel="search" type="application/opensearchdescription+xml" title="My Weblog search" href="http://diveintohtml5.info/examples/opensearch.xml">
</head>

<body>

	<header>

		<hgroup>
			<h1>Ting Ge</h1>
			<h2>You've been saying for the longest time that the time has come</h2>
		</hgroup>

		<nav>
			<ul>
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="https://github.com/tingge">GitHub</a>
				</li>
				<li>
					<a href="http://blog.sina.com.cn/tinggebar">新浪博客</a>
				</li>
				<li>
					<a href="#">关于我</a>
				</li>
			</ul>
		</nav>

	</header>

	<article>
		<header>
			<time datetime="2014-1-20" pubdate="">2014-01-20</time>
			<h1>
				<a href="#" rel="bookmark" title="link to this post">Html5特性检测</a>
			</h1>
		</header>

		<p>有四种基本技术可以用于检测浏览器是否支持某种HTML5特性，从简单到复杂依次是：</p>
		<p>
			<ul>
				<li>检测全局对象(如window或navigator)是否拥有特定的属性。如检测地理位置特性</li>
				<li>创建一个元素，然后检测该元素的DOM对象是否拥有特定的属性。如检测画布特性</li>
				<li>创建一个元素，然后检测这个元素的DOM对象是否拥有特定的方法，同时调用这个方法并检查它的返回值。如检测支持的视频格式</li>
				<li>创建一个元素，给这个元素的DOM对象设定特定的属性值，然后检查浏览器是否保留了该属性值</li>
			</ul>
		</p>
		<p>推荐的一个html5特性检测库<a href="https://github.com/Modernizr/Modernizr">Modernizr</a></p>

	</article>

	<article>
		<header>
			<time datetime="2014-1-20" pubdate="">2014-01-20</time>
			<h1>
				<a href="#" rel="bookmark" title="link to this post">不支持html5的时候采用html5shiv</a>
			</h1>
		</header>

		<p>在低于IE9的浏览器中，不支持html5新增的标签，如：header等。采用html5shiv方案可解决。</p>

	</article>

	<p class="c sectionSign">

	</p>
	<table id="arc">
		<tbody>
			<tr>
				<th>一月</th>
				<td></td>
			</tr>
			<tr>
				<th>5</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Vos vestros servate, meos mihi linquite mores</a>
				</td>
			</tr>
			<tr>
				<th>十二月</th>
				<td></td>
			</tr>
			<tr>
				<th>30</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Ut sementem feceris ita metes</a>
				</td>
			</tr>
			<tr>
				<th>十一月</th>
				<td></td>
			</tr>
			<tr>
				<th>4</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Risu inepto res ineptior nulla est</a>
				</td>
			</tr>
			<tr>
				<th>十月</th>
				<td></td>
			</tr>
			<tr>
				<th>6</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Vitanda est improba siren desidia</a>
				</td>
			</tr>
			<tr>
				<th>九月</th>
				<td></td>
			</tr>
			<tr>
				<th>21</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Mendacem oportet esse memorem</a>
				</td>
			</tr>
			<tr>
				<th>7</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Libenter homines id quod volunt credunt</a>
				</td>
			</tr>
			<tr>
				<th>八月</th>
				<td></td>
			</tr>
			<tr>
				<th>27</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Gutta cavat lapidem</a>
				</td>
			</tr>
			<tr>
				<th>21</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Amoto quaeramus seria ludo</a>
				</td>
			</tr>
			<tr>
				<th>18</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Non est ars quae ad effectum casu venit</a>
				</td>
			</tr>
			<tr>
				<th>七月</th>
				<td></td>
			</tr>
			<tr>
				<th>11</th>
				<td>
					<a href="http://diveintohtml5.info/semantics.html">Quid rides?...De te fabula narratur</a>
				</td>
			</tr>
		</tbody>
	</table>

	<footer>
		<p class="sectionSign">
			&#167;
		</p>
		<p>&#169; 2014&#8211;1
			<a href="https://github.com/TingGe">听歌</a>
		</p>

	</footer>
</body>

</html>